$(document).ready(function() {
	$('#myModal').modal();
	$("#establecer").click(function(){
		if($("#selecanio_modal").val()=="0" || $("#selecmes1_modal").val()=="0" || $("#selecmes2_modal").val()=="0")
		{
			$('#alerta').show();
		}
		else
		{
			$("#selecanio").val($("#selecanio_modal").val());
			$("#selecmes1").val($("#selecmes1_modal").val());
			$("#selecmes2").val($("#selecmes2_modal").val());
			$('#myModal').modal('hide');
			generarReporte();
		}
	});
	
	$("#Grid1")
			.jqGrid(
					{
						url : '/getReporte12?anio='
							+ $('#selecanio').val() + '&mes='
							+ $('#selecmes1').val(),
						datatype : 'json',
						mtype : 'GET',
						loadonce : true,
						ajaxGridOptions : {
							contentType : 'application/json; charset=utf-8'
						},
						defaults : {
									recordtext : "Páh. {0} - {1} de {2}",
									emptyrecords : "No existen datos",
									loadtext : "Cargando...",
									pgtext : "Pág {0} de {1}"
								},
						colNames : [ 'Nombre del cliente','Servicio','Monto ($)' ],
						colModel : [ {
							name : 'cliente',
							label : 'Nombre del Cliente',
							width : 100
						}, {
							name : 'servicio',
							label : 'Servicio',
							width : 100
						}, {
							name : 'monto',
							label : 'Monto ($)',
							width : 50
						}],
						pager : "#Pager1",
						rowNum : 10,
						rowList : [ 10, 20 ],
						sortname : 'name',
						sortorder : "asc",
						viewrecords : true,
						gridview : true,
						width : 400,
						height : 231,
						rownumbers : true,
						caption : '',
						footerrow : true
	
					})

	jQuery("#Grid1").jqGrid('navGrid', '#Pager1', {
		edit : false,
		add : false,
		del : false,
		search : false
	});
	
	$("#Grid2")
			.jqGrid(
					{
						url : '/getReporte12?anio='
							+ $('#selecanio').val() + '&mes='
							+ $('#selecmes2').val(),
						datatype : 'json',
						mtype : 'GET',
						loadonce : true,
						ajaxGridOptions : {
							contentType : 'application/json; charset=utf-8'
						},
						defaults : {
									recordtext : "Páh. {0} - {1} de {2}",
									emptyrecords : "No existen datos",
									loadtext : "Cargando...",
									pgtext : "Pág {0} de {1}"
								},
						colNames : [ 'Nombre del cliente','Servicio','Monto ($)' ],
						colModel : [ {
							name : 'cliente',
							label : 'Nombre del Cliente',
							width : 100
						}, {
							name : 'servicio',
							label : 'Servicio',
							width : 100
						}, {
							name : 'monto',
							label : 'Monto ($)',
							width : 50
						}],
						pager : "#Pager2",
						rowNum : 10,
						rowList : [ 10, 20 ],
						sortname : 'name',
						sortorder : "asc",
						viewrecords : true,
						gridview : true,
						width : 400,
						height : 231,
						rownumbers : true,
						caption : '',
						footerrow : true
	
					})

	jQuery("#Grid2").jqGrid('navGrid', '#Pager2', {
		edit : false,
		add : false,
		del : false,
		search : false
	});

});

function generarReporte() {
	var grid = $("#Grid1");
	var url = '/getReporte12?anio='+ $('#selecanio').val() + '&mes='+ $('#selecmes1').val();
	
	$("#Grid1").jqGrid('setGridParam', {
		url : url
	});
	
	$("#Grid1").setGridParam({
		datatype : 'json',
		page : 1
	}).trigger('reloadGrid');
	
	var grid = $("#Grid2");
	var url = '/getReporte12?anio='+ $('#selecanio').val() + '&mes='+ $('#selecmes2').val();
	
	$("#Grid2").jqGrid('setGridParam', {
		url : url
	});
	
	$("#Grid2").setGridParam({
		datatype : 'json',
		page : 1
	}).trigger('reloadGrid');
	
	return false;
			
}

function restablecer() {
	
	$('#selecanio').val(0);
	$('#selecmes1').val(0);
	$('#selecmes2').val(0);
	generarReporte();
	
	return false;
}

function comeindex() {
	window.open('/index','_self',false);
}